<template>
    <div class="gzzs">
        <div class="list">
            <nuxt-link to="/templates" class="item">
                <div class="num">01</div>
                <div class="name">模版库</div>
                <div class="text">
                    财税表单、规章制度、合同范本、办公常用、毕业季
                </div>
            </nuxt-link>
            <nuxt-link to="/ssfgk/index/0/1" class="item">
                <div class="num">02</div>
                <div class="name">税收法规库</div>
                <div class="text">
                    中央税收规、税收优惠政策、地方税收政策、海关综合文件、国际跨境税收
                </div>
            </nuxt-link>
            <nuxt-link to="/kjfgk/index/0/1" class="item">
                <div class="num">03</div>
                <div class="name">会计法规库</div>
                <div class="text">
                    企业会计、证监会、政策会计、国际会计、企业内控、全行业会计核算、其他会计法规、全科目核算
                </div>
            </nuxt-link>
            <nuxt-link to="/quizdata" class="item">
                <div class="num">04</div>
                <div class="name">问题库</div>
                <div class="text">
                    专家解答过的高频问题都在这里！
                </div>
            </nuxt-link>
            <nuxt-link to="/tools/taxcount" class="item">
                <div class="num">05</div>
                <div class="name">工具箱</div>
                <div class="text">
                    增值税计算器、违约金计算器、利息计算、房贷计算器、社保计算、办税日历、个税计算器、税率查询、发票助手
                </div>
            </nuxt-link>
        </div>
    </div>
</template>

<script>
export default {
    async asyncData({ params }) {
        let data = {};
        return data;
    },
    layout: "home",
    head() {
        return {
            title: "会计知识专业问答-财税会计知识问答-小竹财税官网",
            meta: [
                {
                    hid: "description",
                    name: "description",
                    content:
                        "小竹财税小竹财税汇集税收法规、会计法规、财税资讯、财税学院、财税工具、财税企服等版块，打造一站式财税服务平台，让天下没有难懂的财税。",
                },
                {
                    hid: "keywords",
                    name: "keywords",
                    content:
                        "税收法规,会计法规,财税资讯,财税学院,财税工具,财税企服",
                },
            ],
        };
    },
    components: {},
    data() {
        return {};
    },
    beforeMount() {},
    created() {},
    mounted() {},
    computed: {},
    watch: {},
    methods: {},
};
</script>

<style lang="scss" scoped>
.gzzs {
    background-image: url(~/assets/images/index/gzzs-bj.png);
    background-size: 100% 100%;
}
.list {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 197px 0 274px;

    .item {
        display: block;
        width: 16.5vw;
        height: 19.6vw;
        background: #ffffff;
        border-radius: 25px;
        margin: 0 15px;
        text-align: center;
        padding: 2.6vw 2.3vw 0;
        position: relative;
        top: 0;
        transition: top 0.3s;
        cursor: pointer;
        &:hover{
            top: -40px;
        }
        .num {
            font-weight: 700;
            font-size: 1.5vw;
            margin-bottom: 0.6vw;
        }
        .name {
            font-weight: 500;
            font-size: 1.5vw;
            margin-bottom: 0.65vw;
        }
        .text {
            font-weight: 400;
            font-size: 1.1vw;
            line-height: 1.5;
        }
        &:nth-child(odd) {
            color: #ffffff;
            background-color: rgba($color: #0050BC, $alpha: 0.95);
        }
        &:nth-child(even) {
            color: #0050bc;
            background-color: rgba($color: #FFFFFF, $alpha: 0.95);
        }
    }
}
</style>